*{
    margin: 0px;
    padding: 0px;
}
header{
    background-color: #ffc21b;
    height: 72px;
    width: 1000px;
    margin:auto;
}
nav ul li{
    float: left;
}
li{
    list-style: none;
    margin-left: 37px;
    margin-top: 30px;
    font-size: 20px;
}
.home{
    color: red;
}
.pichome{
    margin-left: 180px; 
    margin-top: 30px;
    padding-right: 50px;
}
.mail{
    padding-right: 50px;
}
.logo{
    background-image: url(../作业/images/slogan-bg.jpg);
    width: 739px;
    height: 266px;
    margin-left:300px;
}
.p1{
    margin-left: 300px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.logo>img{
    margin-left: 432px;
    margin-top: 62px;
}
h1{
    font-size: 20px;
}
article{
    margin-top: 38px;
    margin-left: 350px;
    width: 648px;
}
article>h1{
    font-size: 30px;
    margin-bottom: 30px;
}
.youbian{
    margin-left: 1130px;
    margin-top: -600px;
    width: 172px;
    height: 308px;
    position: relative;
}
.fk{
    border: black 1px solid;
    width: 120px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
}
h3,h1{
    color: orange;
}
.fdj{
    height: 30px;
    position: absolute;
    width: 30px;
    left: 130px;
    top: 0px; 
}
.youbian>.fdjwz>p{
    margin-bottom: 10px;
}
.xia{
    display: flex;
    position: relative;
    top: 350px;
    left: 350px;
}
.zuoshang{
    background-color: #ffc31d;
    width: 361px;
    height: 78px;
    border: 50%;
    position: relative;
}
.zuoshang>h1{
    top: 20px;
    position: absolute;
    left:70px;
    font-size: 30px;
}
.zuoshang>h1>span{
    color: black;
}
.zuoxia{
    width: 361px;
    height: 369px;
    background-color: #f7f7f7;
}
.zuoxia>p>span{
    color: orange;
}
.you{
    background-color: #ffc31d;
    width: 361px;
    height: 78px;
    position: relative;
    left: 20px;
}
.youshang>div>img:nth-child(1){
    position: absolute;
    left: 50px;
    top: 100px;
    z-index: 1;
}
.youshang>div>img:nth-child(2){
    position: absolute;
    left: 50px;
    top: 230px;
    z-index: 1;
}
.youshang>div>img:nth-child(3){
    position: absolute;
    left: 50px;
    top: 330px;
    z-index: 1;
}
.youxia{
    width: 361px;
    height: 369px;
    background-color: #f7f7f7;
    top: 78px;
    position: absolute;
    z-index: 0;
}
.youshang>h1{
    top: 20px;
    position: absolute;
    left:70px;
    font-size: 30px;
}
.youshang>h1>span{
    color: black;
}
.youxia>h4,.youxia>p{
    margin-top: 20px;
    margin-left: 200px;
}
.youxia>p{
    margin-bottom: 10px;
}
.right{
    margin-left: 70px;
    margin-top: -280px;
}
.right>p{
    margin-top: 10px;
}
.rightx{
    background-color: orange;
    width: 112px;
    height: 23px;
    margin-left: 30px;
    margin-top: 20px;
}
footer{
    width: 100%;
    height: 110px;
    margin-top: 500px; 
    
    border-top: solid 1px orange;
}
footer>p{
    margin-left: 550px;
    line-height: 110px;
}
footer>p:nth-child(2){
    margin-left: 580px;
    margin-top: -70px;
}